/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    地图区域树   >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .SecureOverview-MapTree {
  position: absolute !important;
  z-index: 500;
  top: 3%;
  right: 25%;
  bottom: 3%;
  text-align: right;
  pointer-events: none;
  transition: 0.3s;

  &-folded {
    bottom: calc(97% - 42px);

    > .CoreWeb-EasyTree {
      opacity: 0;
      width: 0 !important;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      图标       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .SecureOverview-MapTree > .inFlexCC {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-color: rgba(10, 34, 57, 0.6);
  border: 1px solid #0a6ac7;
  // box-shadow: 0 0 2px 1px #0a6ac7;
  font-size: 20px;
  color: #fff;
  transition: 0.3s;
  pointer-events: initial;

  &:hover {
    border: 1px solid #30bafa;
    color: #30bafa;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     区域树      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .SecureOverview-MapTree .CoreWeb-EasyTree {
  width: 16vw;
  margin-top: 18px;
  background-color: rgba(10, 34, 57, 0.6);
  box-shadow: 0 0 2px 0 #0a6ac7;
  pointer-events: initial;
  transition: 0.3s;

  &-top {
    margin-top: 10px;
  }

  &-bottom {
    margin: 10px 0;

    .CoreWeb-Btn {
      width: calc(50% - 30px);
      margin: 0 10px;
    }

    .CoreWeb-BtnDefault {
      color: #fff;
      background: transparent;

      &:hover {
        background: var(--White1);
      }

      &.is-disabled {
        color: var(--White7);
        border-color: var(--White5);
        background: var(--Black1);
      }
    }
  }

  .el-tree {
    color: #fff;

    &-node:focus > .el-tree-node__content,
    &-node__content:hover {
      background-color: rgba(13, 21, 26, 0.6);
    }
  }

  .el-checkbox {
    line-height: 19px;
    margin-right: 8px;
    color: #fff !important;

    &.is-checked {
      filter: drop-shadow(1px 2px 6px #aaa);

      .el-checkbox__label {
        color: #fff;
      }
    }

    &.is-disabled {
      color: #aaa !important;
      .el-checkbox__label {
        color: #aaa;
      }
      .el-checkbox__inner {
        border-color: #aaa;
      }
      path {
        fill: #aaa !important;
        stroke: #aaa !important;
      }
    }

    &__input {
      vertical-align: top;
    }

    &__inner {
      border-color: #fff;
      background: transparent;
    }
  }

  /* —————————————————————————————— 设备图标 —————————————————————————————— */
  .CommonSvg {
    position: relative;
    width: 19px;
    height: 19px;
    margin-right: 8px;
    vertical-align: top;

    svg {
      width: 19px;
      height: 19px;
    }

    path {
      fill: #fff !important;
      stroke: #fff !important;
    }
  }
}
